iT邦幫忙

2023 iThome 鐵人賽

DAY 8
0
自我挑戰組

node.js 從初學者到高手!系列 第 8

Day 8 學習node.js所需具備的超重要知識-JavaScript (2) 宣告變數、Console使用方法

  • 分享至 

  • xImage
  •  

大家好~今天讓我們繼續學習JS吧!

首先不得不說,VS code和Live Server最令人讚嘆不已的是,在接下來的學習中,我們都可以同時把VS code和Live Server所建立的網頁同時開著,而在我們編輯任何code的同時,網頁上的訊息也會跟著一起變動,我們甚至連重開都不需要!真的為我們省去了太多時間了~~開發者根本是神仙!!!

在進行接下來的學習之前,我們可以先了解一些初學者應該要知道的東西~

首先~我們在編寫JS時,可以把程式碼通通打在和間,但如果這樣做的話,在未來程式碼變得很多很亂的時候,整個畫面可能會很眼花撩亂,所以,如果我們要get rid of it, 可以再另外開一個.js檔案,裡面專門放我們的JS code,這樣就可以很好的讓介面變得簡潔許多~!

js檔案可以和html分開,html中使用js檔之code如下圖之右下~:https://ithelp.ithome.com.tw/upload/images/20230922/20163170zBdrdG5z1c.png

第二點,在Google Chrome中,我們可以按F12來開啟Console,在Console內我們可以直接編寫並運行JS code,如下圖~
https://ithelp.ithome.com.tw/upload/images/20230922/201631707eVzIc0UHd.png

或是,我們也可以在js檔內利用"console.log"將訊息印出在Console中,本文下面會再舉例~

介紹完上述的重要功能後,我們來學習JS中如何宣告變數(variables)~在JS中,不是使用我們平常使用的int, double,string....來宣告,而是使用"let"來宣告!

舉個簡單的例子~運行下面的code:

let a = 5;

console.log(a);

let b = 2.5;

console.log(b);
console.log(a, b);

a = 7;
b = 6.9;

console.log(a, b);

印在Console中的結果會如下圖~:
https://ithelp.ithome.com.tw/upload/images/20230922/20163170OfQGeA1tya.png

透過這個例子,相信大家都可以對let和console.log的使用方法都了解清楚~

以上就是今天的學習!我們明天見囉~


上一篇
Day 7 學習node.js所需具備的超重要知識-JavaScript (1) VS code擴充、HTML模板
下一篇
Day 9 學習node.js所需具備的超重要知識-JavaScript (3) 資料型態、Number和String之處理
系列文
node.js 從初學者到高手!30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言